<template>
  <div class="footMobile" style="text-align: center;">
    <div class="foottop">
      <div class="footleft">
        <div class="fleft_top">
          <div>
            <div class="top_title">产品与服务</div>
            <div class="top_text">
              <!-- <router-link :to="{name:'xiaochengxu'}">解决方案</router-link> -->
            </div>
            <!-- <div class="top_text">
              <router-link :to="{name:'guanggao'}">中天广告</router-link>
            </div>-->
          </div>
          <div>
            <div class="top_title">关于公司</div>
            <!-- <div class="top_text">
              <router-link :to="{name:'jituan'}">中天简介</router-link>
            </div>-->
            <div class="top_text">
              <!-- <router-link :to="{name:'guanyu1'}">团队风采</router-link> -->
            </div>
            <div class="top_text">
              <!-- <router-link :to="{name:'guanyu2'}">联系我们</router-link> -->
            </div>
          </div>
        </div>
        <div class="fleft_fot">
          <div class="cen_left">
            <div>
              <span>联系电话</span>
              <a href="tel:4000385581">400-0385-581</a>
            </div>
            <div>官方邮箱：297216464@qq.com</div>
            <!-- <div>地址：七台河市桃山区万宝小区5号商服</div> -->

            <div>
              友情链接：
              <a href="http://www.zhiyunzaixian.com" target="_blank"
                >知运在线教育平台</a
              >
            </div>
          </div>
        </div>
      </div>
      <div class="footright">
        <div class="fotma">
          <img src="http://o6wndwjxn.qnssl.com/5df9f201809101359358127.jpg" />
          <div>
            <div>扫码</div>
            <div>关注我们</div>
          </div>
        </div>
        <div class="fotma">
          <img src="http://o6wndwjxn.qnssl.com/5f99c201810121521135293.png" />
          <div>
            <div>扫码添加</div>
            <div>客服微信</div>
          </div>
        </div>
      </div>
    </div>
    <div class="footfot">
      <!-- 杭州忠讯科技有限公司-ICP备案：黑ICP备14006444号-2 -->
    </div>

    <!-- <div class="footbmt"
         :style="'bottom:' + bottom + 'px;'">
      <div class="fotbmt_close"
           @click="close()"
           v-if='bottom == 0'>关闭</div>
      <div class="fotbmt_open"
           v-else
           @click='close()'>中天站长真伪查询</div>
      <div class="fotbmt_title">中天站长真伪查询</div>
      <div class="fotbmt_input">
        <input type="text"
               id="input"
               placeholder="输入站长微信号查询真伪（谨防被骗）"
               v-model="input1">
        <button @click="dianji">查询</button>
      </div>
    </div>-->
    <el-dialog title="提示" :visible.sync="centerDialogVisible" width="80%">
      <span>{{ text }}</span>
      <span slot="footer" class="dialog-footer">
        <!-- <el-button @click="centerDialogVisible = false">取 消</el-button> -->
        <el-button type="primary" @click="centerDialogVisible = false"
          >确 定</el-button
        >
      </span>
    </el-dialog>
  </div>
</template>

<script>
import axios from "axios";
export default {
  name: "FootMobile",
  data() {
    return {
      input1: "",
      bottom: 0,
      centerDialogVisible: false,
      text: "1"
    };
  },
  methods: {
    dianji() {
      this.centerDialogVisible = true;
      if (this.input1 !== "") {
        let a = new FormData();
        a.append("wx", this.input1);
        axios
          .post("http://infoapi.ztwlxx.net/index/index/isMaster", a)
          .then(res => {
            if (res.data.code === 200) {
              this.text = res.data.data;
              this.input1 = "";
            } else {
              this.text = res.data.msg;
              this.input1 = "";
            }
          });
      } else {
        this.text = "输入不能为空";
      }
    },
    close() {
      if (this.bottom === 0) {
        this.bottom = -200;
      } else {
        this.bottom = 0;
      }
    }
  }
};
</script>
<style
  lang="css"
  src="../../../assets/scss/website/mobileFoot.css"
  scoped
></style>
